<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="test">
			遍历list=[1,2,3,4,5,6]
			<p v-for="item in list0">{{ item }}</p>
			<table >
				<thead>
					<th>姓名</th>
					<th>年龄</th>
				</thead>
				<tbody>
					<tr v-for="item in list1">
						<td>{{ item.name }}</td>
						<td>{{ item.age }}</td>
					</tr>
				</tbody>
			</table>
			<p v-for="(val,key) in list2">{{ val }}:{{ key }}</p>
			
		
		</div>
		<script>
			var vue = new Vue({
				el:'#test',
				data:{
					list0:[1,2,3,4,5,6],
					list1:[
						{
							name:"wang",
							age:18,
						},
						{
							name:"zhang",
							age:"20",
						}
					],
					list2:{
						name:"wangziyuan",
						age:"forever18"
					}
				},
				methods:{
					
				}
			})
		</script>
	</body>
</html>
